<!DOCTYPE html>
<html>
<head>
<title>管理员列表</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!--<link rel="stylesheet" href="../../plugins/fontawesome/font-awesome.min.css">-->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../../plugins/bootstrap-3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="../../plugins/bootstrap-table/bootstrap-table.min.css">
<link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="../../tgflib/css/main.css">

</head>
<body>
<div class=""　id="tgfapp">
	<div v-show="showList" style="display: block" id="listModel">
		<div class="container-fluid">
			<div class="panel-body" style="padding-bottom:0px;">
				<div class="panel panel-default">
					<div class="panel-heading">查询条件</div>
					<div class="panel-body">
						<form id="formSearch" class="form-horizontal">
							<div class="form-group" style="margin-top:15px">
								<label class="control-label col-sm-1" for="txt_search_departmentname">部门名称</label>
								<div class="col-sm-3">
									<input type="text" class="form-control" id="txt_search_departmentname">
								</div>
								<label class="control-label col-sm-1" for="txt_search_statu">状态</label>
								<div class="col-sm-3">
									<input type="text" class="form-control" id="txt_search_statu">
								</div>
								<div class="col-sm-4" style="text-align:left;">
									<button type="button" style="margin-left:50px" id="btn_query" class="btn btn-primary">查询</button>
								</div>
							</div>
						</form>
					</div>
				</div>

				<div id="toolbar" class="btn-group">
					<button id="btn_add" type="button" class="btn btn-default">
						<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
					</button>
					<button id="btn_edit" type="button" class="btn btn-default">
						<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
					</button>
					<button id="btn_delete" type="button" class="btn btn-default">
						<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
					</button>
				</div>
				<table id="bstable"></table>
			</div>
		</div>
	</div><!--showList-->

	<div v-show="!showList" id="addModel" class="" style="display: none">

		<div class="panel panel-default>">
			<!--<div class="panel-heading">{{title}}</div>-->
			<div class="panel-body">
				<form class="form-horizontal ">
				<div class="form-group">
					<div class="col-sm-2 control-label">用户名</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="user.username" name="username" placeholder="登录账号"/>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">密码</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="user.password" name="password" placeholder="密码"/>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">邮箱</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="user.email" name="email" placeholder="邮箱"/>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">手机号</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="user.mobile" name="mobile" placeholder="手机号"/>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">角色</div>
					<div class="col-sm-10">
						<label v-for="role in roleList" class="checkbox-inline">
							<input type="checkbox" :value="role.roleId" name="roleName" v-model="user.roleIdList">{{role.roleName}}
						</label>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">状态</div>
					<label class="radio-inline">
						<input type="radio" name="status" value="0" v-model="user.status"/> 禁用
					</label>
					<label class="radio-inline">
						<input type="radio" name="status" value="1" v-model="user.status"/> 正常
					</label>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label"></div>
					<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
					&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
				</div>
			</form>
			</div>
		</div>

	</div>

</div>

<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<script src="../../plugins/layer/layer.js"></script>
<script src="../../plugins/vue.min.js"></script>
<script src="../../plugins/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="../../plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="../../plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../../plugins/bootstrap-table/bootstrap-table-vue.min.js"></script>
<script src="../../plugins/validator.min.js"></script>
<script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../../tgflib/js/tgfApi.js"></script>
<script src="../../tgflib/pages/sys/sysuser.js"></script>

</body>
</html>